<?php include("../../../header.php"); ?>
<script src="sale_client.js"></script>
<div class="row">
    <div class="col-md-12">
        <!-- Home chart widget -->
        <div class="widget">
            <div class="widget-head br-lblue">
                <h3 class="pull-left"><i class="fa fa-bar-chart-o"></i> Cliente</h3>
                <div class="pull-right">
                    <div class="input-group" style="margin-top: -6px; margin-bottom: -6px;">
                        <input id="txt_search" type="text" placeholder="Buscar..." class="form-control">
                        <span class="input-group-btn">
                            <button type="button" class="btn btn-default" style="margin-top: 1px;"><i class="fa fa-search"></i></button>
                        </span>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="widget-body" style="padding: 0px;">
                <div class="table-responsive" >
                    <table id="tbl" class="table table-bordered">
                        <thead>
                            <tr>
                                <th style="display:none">ID</th>
                                <th>Nombre</th>
<th>RUC</th>
<th>Direccion</th>
<th>Contacto</th>
<th>Telefono</th>
     
                                <th  style="width: 50px;text-align: center;">&nbsp;<i class="fa fa-cog green "></i>&nbsp;</th>
                            </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                </div>
            </div>
            <div class="widget-foot">
                <span class="pull-left">
                    <a id="btn_dialog_show_new" class="btn btn-info btn-sm" ><i class="fa fa-plus"></i>Nuevo</a> 
                </span>
                <div class="pull-right">
                    <!-- Pagination -->
                    <ul id="pagination" class="pagination">
                    </ul>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>					
    </div>
</div>

<div class="modal fade" id="div_dialog_crud" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="loader" style="display:none;height: 150px">
            <span></span>
            <span></span>
            <span></span>
        </div>
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="div_dialog_title" id="myModalLabel">Modal title</h4>
            </div>
            <div class="modal-body">
                <input type="hidden" id="sale_client_id" />
                <form id="form_dialog_crud" class="form-horizontal" role="form">
                    <div class="form-group">
<label class="col-lg-2 control-label">Nombre</label>
<div class="col-lg-10">
<input id="name" name="name" type="text" class="form-control" placeholder="Nombre">
</div>
</div>
<div class="form-group">
<label class="col-lg-2 control-label">RUC</label>
<div class="col-lg-10">
<input id="ruc" name="ruc" type="text" class="form-control" placeholder="RUC">
</div>
</div>
<div class="form-group">
<label class="col-lg-2 control-label">Direccion</label>
<div class="col-lg-10">
<input id="address" name="address" type="text" class="form-control" placeholder="Direccion">
</div>
</div>
<div class="form-group">
<label class="col-lg-2 control-label">Contacto</label>
<div class="col-lg-10">
<input id="contact" name="contact" type="text" class="form-control" placeholder="Contacto">
</div>
</div>
<div class="form-group">
<label class="col-lg-2 control-label">Telefono</label>
<div class="col-lg-10">
<input id="phone" name="phone" type="text" class="form-control" placeholder="Telefono">
</div>
</div>

                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                <button id="btn_dialog_create" type="button" class="btn btn-primary">Crear</button>
                <button id="btn_dialog_update" type="button" class="btn btn-primary">Modificar</button>
                <button id="btn_dialog_delete" type="button" class="btn btn-primary">Eliminar</button>
            </div>
        </div>
    </div>
</div>
<?php include("../../../footer.php"); ?>
                        